[id].vue 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <p v-html="list">
  3. </p>
  4. </template>
  5. <script lang="ts" setup>
  6. import { useRoute } from 'vue-router'
  7. import axios from 'axios'
  8. const route = useRoute()
  9. console.log('route', route.params.id)
  10. let list = ref('')
  11. const postListIDFn = async (id: string | string[]) => {
  12. let z: any = await axios.get(`https://official.webapi.bicredit.xin/api/news/detail/${id}`)
  13. console.log('zzz', z)
  14. // if(z.msg == '成功'){
  15. list.value = z.data.data.content
  16. // console.log('list',list.value)
  17. // }
  18. }
  19. postListIDFn(route.params.id)
  20. // export default {
  21. // data(){
  22. // return{
  23. // list:''
  24. // }
  25. // },
  26. // created(){
  27. // console.log('this',this.$route.params.id)
  28. // this.postListIDFn(this.$route.params.id)
  29. // },
  30. // methods:{
  31. // async postListIDFn(id){
  32. // // let z = await postListID({id:id})
  33. // let z = await this.$axios.$get(`https://official.webapi.bicredit.xin/api/news/detail/${id}`)
  34. // // console.log('zzz',z)
  35. // if(z.msg == '成功'){
  36. // this.list = z.data.content
  37. // }
  38. // }
  39. // }
  40. // }
  41. </script>